<!DOCTYPE html>
<html>
<head>
    @include("/include/_header.html", {'title':'任务执行'}){}
    <link rel="stylesheet" href="${ctxPath}/bootstrap/css/base.css">
    <link rel="stylesheet" href="${ctxPath}/bootstrap/css/taskExecution.css">
    <link rel="stylesheet" href="${ctxPath}/bootstrap/css/work/workcontrol.css" media="all">
    <style>
        .layui-table-page{
            background-color: #011d4d;
        }
    </style>
</head>
<body>


<div class="layui-fluid layui-form" >
    <div class="bodyLeft floatleft">
        <div class="layui-col-md12">
            <div class="layui-card normal-card" style="margin-left: 10px;margin-top: 10px">
                <div class="layui-card-header normal-card-header"><h2>废钢跨1#天车</h2></div>
                <div class="layui-card-body normal-card-body">
                    <div style="margin-top: 15px">
                        <label class="task-data-title">任务状态</label>
                    </div>
                    <div>
                        <label class="task-data-label" for="modelType1">当前模式</label>
                        <input class="task-data-container" type="text" id="modelType1" value="运行中">

                        <label class="task-data-label" for="status1">当前状态</label>
                        <input class="task-data-container" type="text" id="status1" value="上料">

                        <label class="task-data-label" for="materialName1">物料名称</label>
                        <input class="task-data-container-lenth" type="text" id="materialName1" value="普通合金重废">


                        <label class="task-data-label" for="tankCarNo1">加料槽车</label>
                        <input class="task-data-container-lenth" type="text" id="tankCarNo1" value="暂无">

                        <label class="task-data-label" for="xIndexAct1">大车位置</label>
                        <input class="task-data-container" type="text" id="xIndexAct1" value="19000">

                        <label class="task-data-label" for="xIndexTarget1">目标位置</label>
                        <input class="task-data-container" type="text" id="xIndexTarget1" value="19000">

                        <label class="task-data-label" for="yIndexAct1">小车位置</label>
                        <input class="task-data-container" type="text" id="yIndexAct1" value="111">

                        <label class="task-data-label" for="yIndexTarget1">目标位置</label>
                        <input class="task-data-container" type="text" id="yIndexTarget1" value="111">

                        <label class="task-data-label" for="zIndexAct1">起升高度</label>
                        <input class="task-data-container" type="text" id="zIndexAct1" value="111">

                        <label class="task-data-label" for="zIndexTarget1">目标高度</label>
                        <input class="task-data-container" type="text" id="zIndexTarget1" value="111">


                    </div>
<!--                    <form class="layui-form" action="">-->
<!--                        &lt;!&ndash;                    <div class="layui-inline">&ndash;&gt;-->
<!--                        &lt;!&ndash;                        <div class="layui-inline">&ndash;&gt;-->

<!--                        <div>-->
<!--                            <label class="task-form-label">操作区</label>-->
<!--                        </div>-->


<!--                        &lt;!&ndash;                        </div>&ndash;&gt;-->
<!--                        <div class="layui-inline">-->
<!--                            <div class="layui-inline">-->
<!--                                <div class="task-ratio-label">-->
<!--                                    <input type="radio" name="workMode2" value="load" title="上料"-->
<!--                                           lay-filter="checkWorkMode2" checked>-->
<!--                                    <input type="radio" name="workMode2" value="scan" title="扫描"-->
<!--                                           lay-filter="checkWorkMode2">-->
<!--                                    <input type="radio" name="workMode2" value="unload" title="卸车"-->
<!--                                           lay-filter="checkWorkMode2">-->
<!--                                </div>-->
<!--                            </div>-->
<!--                            <div class="layui-inline box-ratio">-->
<!--                                <input style="vertical-align: -5px" type="checkbox" name="isLoad" lay-text="上料"-->
<!--                                       lay-filter="loadWhenUnload2">-->
<!--                            </div>-->

<!--                            <div class="layui-inline box-ratio">-->
<!--                                <div class="layui-btn-container" style="margin-top: 20px;margin-left: 0">-->
<!--                                    <button type="button" id="openCrane1" class="layui-btn layui-btn-sm" lay-submit-->
<!--                                            lay-filter="openCrane2" style="color: #0C0C0C;font-size: 16px">-->
<!--                                        启动天车-->
<!--                                    </button>-->
<!--                                    <button type="button" id="offCrane1" class="layui-btn layui-btn-sm layui-bg-blue" lay-submit-->
<!--                                            lay-filter="offCrane2" style="font-size: 16px">-->
<!--                                        关闭天车-->
<!--                                    </button>-->
<!--                                    <button type="button" id="startTask1" class="layui-btn layui-btn-sm" lay-submit-->
<!--                                            lay-filter="startTask2" style="color: #0C0C0C;font-size: 16px">-->
<!--                                        开始任务-->
<!--                                    </button>-->
<!--                                    <button type="button" id="stopTask1" class="layui-btn layui-btn-sm layui-bg-blue" lay-submit-->
<!--                                            lay-filter="stopTask2" style="font-size: 16px">-->
<!--                                        停止任务-->
<!--                                    </button>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->


<!--                    </form>-->


                </div>
            </div>
        </div>

        <div class="layui-col-md12">
            <div class="layui-card normal-card" style="margin-left: 10px;margin-top: 10px">
                <div class="layui-card-header normal-card-header"><h2>废钢跨2#天车</h2></div>
                <div class="layui-card-body normal-card-body">
                    <div style="margin-top: 15px">
                        <label class="task-data-title">任务状态</label>
                    </div>
                    <div>
                        <label class="task-data-label" for="modelType2">当前模式</label>
                        <input class="task-data-container" type="text" id="modelType2" value="运行中">

                        <label class="task-data-label" for="status2">当前状态</label>
                        <input class="task-data-container" type="text" id="status2" value="上料">

                        <label class="task-data-label" for="materialName2">物料名称</label>
                        <input class="task-data-container-lenth" type="text" id="materialName2" value="运行中">


                        <label class="task-data-label" for="tankCarNo2">加料槽车</label>
                        <input class="task-data-container-lenth" type="text" id="tankCarNo2" value="暂无">


                        <label class="task-data-label" for="xIndexAct2">大车位置</label>
                        <input class="task-data-container" type="text" id="xIndexAct2" value="19000">

                        <label class="task-data-label" for="xIndexTarget2">目标位置</label>
                        <input class="task-data-container" type="text" id="xIndexTarget2" value="19000">

                        <label class="task-data-label" for="yIndexAct2">小车位置</label>
                        <input class="task-data-container" type="text" id="yIndexAct2" value="111">

                        <label class="task-data-label" for="yIndexTarget2">目标位置</label>
                        <input class="task-data-container" type="text" id="yIndexTarget2" value="111">

                        <label class="task-data-label" for="zIndexAct2">起升高度</label>
                        <input class="task-data-container" type="text" id="zIndexAct2" value="111">

                        <label class="task-data-label" for="zIndexTarget2">目标高度</label>
                        <input class="task-data-container" type="text" id="zIndexTarget2" value="111">

                    </div>
<!--                    <form class="layui-form" action="">-->
<!--                        &lt;!&ndash;                    <div class="layui-inline">&ndash;&gt;-->
<!--                        &lt;!&ndash;                        <div class="layui-inline">&ndash;&gt;-->

<!--                        <div>-->
<!--                            <label class="task-form-label">操作区</label>-->
<!--                        </div>-->


<!--                        &lt;!&ndash;                        </div>&ndash;&gt;-->
<!--                        <div class="layui-inline">-->
<!--                            <div class="layui-inline">-->
<!--                                <div class="task-ratio-label">-->
<!--                                    <input type="radio" name="workMode2" value="load" title="上料"-->
<!--                                           lay-filter="checkWorkMode2" checked>-->
<!--                                    <input type="radio" name="workMode2" value="scan" title="扫描"-->
<!--                                           lay-filter="checkWorkMode2">-->
<!--                                    <input type="radio" name="workMode2" value="unload" title="卸车"-->
<!--                                           lay-filter="checkWorkMode2">-->
<!--                                </div>-->
<!--                            </div>-->
<!--                            <div class="layui-inline box-ratio">-->
<!--                                <input style="vertical-align: -5px" type="checkbox" name="isLoad" lay-text="上料"-->
<!--                                       lay-filter="loadWhenUnload2">-->
<!--                            </div>-->

<!--                            <div class="layui-inline box-ratio">-->
<!--                                <div class="layui-btn-container" style="margin-top: 20px;margin-left: 0">-->
<!--                                    <button type="button" id="openCrane2" class="layui-btn layui-btn-sm" lay-submit-->
<!--                                            lay-filter="openCrane2" style="color: #0C0C0C;font-size: 16px">-->
<!--                                        启动天车-->
<!--                                    </button>-->
<!--                                    <button type="button" id="offCrane2" class="layui-btn layui-btn-sm layui-bg-blue" lay-submit-->
<!--                                            lay-filter="offCrane2" style="font-size: 16px">-->
<!--                                        关闭天车-->
<!--                                    </button>-->
<!--                                    <button type="button" id="startTask2" class="layui-btn layui-btn-sm" lay-submit-->
<!--                                            lay-filter="startTask2" style="color: #0C0C0C;font-size: 16px">-->
<!--                                        开始任务-->
<!--                                    </button>-->
<!--                                    <button type="button" id="stopTask2" class="layui-btn layui-btn-sm layui-bg-blue" lay-submit-->
<!--                                            lay-filter="stopTask2" style="font-size: 16px">-->
<!--                                        停止任务-->
<!--                                    </button>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->


<!--                    </form>-->


                </div>
            </div>
        </div>


    </div>

    <div class="bodyMiddle floatleft">

        <div class="layui-col-md12">
            <div class="layui-card normal-table-card" style="margin-left: 10px;margin-top: 10px">
                <div class="layui-card-header normal-table-card-header" style="height: 4.3vh">
                    <span>槽车号:</span>
                    <div class="layui-input-inline">
                        <select id="tankCarNo" name="tankCarNo" lay-filter="select-tankCarNo">
                            <option value="">请选择</option>
                            <option value="1">一号槽车</option>
                            <option value="2">二号槽车</option>
                            <option value="3">三号槽车</option>
                        </select>
                    </div>

                </div>
                <div class="layui-card-body normal-card-body">
                    <table class="layui-hide" id="sys-execution-table" lay-filter="sys-execution-table"></table>
                </div>
            </div>
        </div>

        <div class="layui-col-md12">
            <div class="layui-card alarm-table-card" style="margin-left: 10px;margin-top: 10px">
                <div class="layui-card-header normal-table-card-header" style="height: 4.3vh"><h2>告警信息</h2></div>
                <div class="layui-card-body normal-card-body">
                    <table class="layui-hide" id="sys-alarm-table" lay-filter="sys-alarm-table"></table>
                </div>
            </div>
        </div>


    </div>
    <div class="bodyRight  floatleft">
        <div class="layui-col-md12">
            <div class="layui-card normal-card" style="margin-left: 10px;margin-top: 10px">
                <div class="layui-card-header normal-card-header"><h2>废渣跨1#天车</h2></div>
                <div class="layui-card-body normal-card-body">
                    <div style="margin-top: 15px">
                        <label class="task-data-title">任务状态</label>
                    </div>
                    <div>
                        <label class="task-data-label" for="modelType3">当前模式</label>
                        <input class="task-data-container" type="text" id="modelType3" value="运行中">

                        <label class="task-data-label" for="status3">当前状态</label>
                        <input class="task-data-container" type="text" id="status3" value="上料">

                        <label class="task-data-label" for="materialName3">物料名称</label>
                        <input class="task-data-container-lenth" type="text" id="materialName3" value="普通合金重废">


                        <label class="task-data-label" for="tankCarNo3">加料槽车</label>
                        <input class="task-data-container-lenth" type="text" id="tankCarNo3" value="暂无">



                        <label class="task-data-label" for="xIndexAct3">大车位置</label>
                        <input class="task-data-container" type="text" id="xIndexAct3" value="19000">

                        <label class="task-data-label" for="xIndexTarget3">目标位置</label>
                        <input class="task-data-container" type="text" id="xIndexTarget3" value="19000">

                        <label class="task-data-label" for="yIndexAct3">小车位置</label>
                        <input class="task-data-container" type="text" id="yIndexAct3" value="111">

                        <label class="task-data-label" for="yIndexTarget3">目标位置</label>
                        <input class="task-data-container" type="text" id="yIndexTarget3" value="111">

                        <label class="task-data-label" for="zIndexAct3">起升高度</label>
                        <input class="task-data-container" type="text" id="zIndexAct3" value="111">

                        <label class="task-data-label" for="zIndexTarget3">目标高度</label>
                        <input class="task-data-container" type="text" id="zIndexTarget3" value="111">


                    </div>
                    <!--                    <form class="layui-form" action="">-->
                    <!--                        &lt;!&ndash;                    <div class="layui-inline">&ndash;&gt;-->
                    <!--                        &lt;!&ndash;                        <div class="layui-inline">&ndash;&gt;-->

                    <!--                        <div>-->
                    <!--                            <label class="task-form-label">操作区</label>-->
                    <!--                        </div>-->


                    <!--                        &lt;!&ndash;                        </div>&ndash;&gt;-->
                    <!--                        <div class="layui-inline">-->
                    <!--                            <div class="layui-inline">-->
                    <!--                                <div class="task-ratio-label">-->
                    <!--                                    <input type="radio" name="workMode2" value="load" title="上料"-->
                    <!--                                           lay-filter="checkWorkMode2" checked>-->
                    <!--                                    <input type="radio" name="workMode2" value="scan" title="扫描"-->
                    <!--                                           lay-filter="checkWorkMode2">-->
                    <!--                                    <input type="radio" name="workMode2" value="unload" title="卸车"-->
                    <!--                                           lay-filter="checkWorkMode2">-->
                    <!--                                </div>-->
                    <!--                            </div>-->
                    <!--                            <div class="layui-inline box-ratio">-->
                    <!--                                <input style="vertical-align: -5px" type="checkbox" name="isLoad" lay-text="上料"-->
                    <!--                                       lay-filter="loadWhenUnload2">-->
                    <!--                            </div>-->

                    <!--                            <div class="layui-inline box-ratio">-->
                    <!--                                <div class="layui-btn-container" style="margin-top: 20px;margin-left: 0">-->
                    <!--                                    <button type="button" id="openCrane1" class="layui-btn layui-btn-sm" lay-submit-->
                    <!--                                            lay-filter="openCrane2" style="color: #0C0C0C;font-size: 16px">-->
                    <!--                                        启动天车-->
                    <!--                                    </button>-->
                    <!--                                    <button type="button" id="offCrane1" class="layui-btn layui-btn-sm layui-bg-blue" lay-submit-->
                    <!--                                            lay-filter="offCrane2" style="font-size: 16px">-->
                    <!--                                        关闭天车-->
                    <!--                                    </button>-->
                    <!--                                    <button type="button" id="startTask1" class="layui-btn layui-btn-sm" lay-submit-->
                    <!--                                            lay-filter="startTask2" style="color: #0C0C0C;font-size: 16px">-->
                    <!--                                        开始任务-->
                    <!--                                    </button>-->
                    <!--                                    <button type="button" id="stopTask1" class="layui-btn layui-btn-sm layui-bg-blue" lay-submit-->
                    <!--                                            lay-filter="stopTask2" style="font-size: 16px">-->
                    <!--                                        停止任务-->
                    <!--                                    </button>-->
                    <!--                                </div>-->
                    <!--                            </div>-->
                    <!--                        </div>-->


                    <!--                    </form>-->


                </div>
            </div>
        </div>

        <div class="layui-col-md12">
            <div class="layui-card normal-card" style="margin-left: 10px;margin-top: 10px">
                <div class="layui-card-header normal-card-header"><h2>废渣跨2#天车</h2></div>
                <div class="layui-card-body normal-card-body">
                    <div style="margin-top: 15px">
                        <label class="task-data-title">任务状态</label>
                    </div>
                    <div>
                        <label class="task-data-label" for="modelType4">当前模式</label>
                        <input class="task-data-container" type="text" id="modelType4" value="运行中">

                        <label class="task-data-label" for="status4">当前状态</label>
                        <input class="task-data-container" type="text" id="status4" value="上料">

                        <label class="task-data-label" for="materialName4">物料名称</label>
                        <input class="task-data-container-lenth" type="text" id="materialName4" value="运行中">


                        <label class="task-data-label" for="tankCarNo4">加料槽车</label>
                        <input class="task-data-container-lenth" type="text" id="tankCarNo4" value="暂无">



                        <label class="task-data-label" for="xIndexAct4">大车位置</label>
                        <input class="task-data-container" type="text" id="xIndexAct4" value="19000">

                        <label class="task-data-label" for="xIndexTarget4">目标位置</label>
                        <input class="task-data-container" type="text" id="xIndexTarget4" value="19000">

                        <label class="task-data-label" for="yIndexAct4">小车位置</label>
                        <input class="task-data-container" type="text" id="yIndexAct4" value="111">

                        <label class="task-data-label" for="yIndexTarget4">目标位置</label>
                        <input class="task-data-container" type="text" id="yIndexTarget4" value="111">

                        <label class="task-data-label" for="zIndexAct4">起升高度</label>
                        <input class="task-data-container" type="text" id="zIndexAct4" value="111">

                        <label class="task-data-label" for="zIndexTarget4">目标高度</label>
                        <input class="task-data-container" type="text" id="zIndexTarget4" value="111">

                    </div>
                    <!--                    <form class="layui-form" action="">-->
                    <!--                        &lt;!&ndash;                    <div class="layui-inline">&ndash;&gt;-->
                    <!--                        &lt;!&ndash;                        <div class="layui-inline">&ndash;&gt;-->

                    <!--                        <div>-->
                    <!--                            <label class="task-form-label">操作区</label>-->
                    <!--                        </div>-->


                    <!--                        &lt;!&ndash;                        </div>&ndash;&gt;-->
                    <!--                        <div class="layui-inline">-->
                    <!--                            <div class="layui-inline">-->
                    <!--                                <div class="task-ratio-label">-->
                    <!--                                    <input type="radio" name="workMode2" value="load" title="上料"-->
                    <!--                                           lay-filter="checkWorkMode2" checked>-->
                    <!--                                    <input type="radio" name="workMode2" value="scan" title="扫描"-->
                    <!--                                           lay-filter="checkWorkMode2">-->
                    <!--                                    <input type="radio" name="workMode2" value="unload" title="卸车"-->
                    <!--                                           lay-filter="checkWorkMode2">-->
                    <!--                                </div>-->
                    <!--                            </div>-->
                    <!--                            <div class="layui-inline box-ratio">-->
                    <!--                                <input style="vertical-align: -5px" type="checkbox" name="isLoad" lay-text="上料"-->
                    <!--                                       lay-filter="loadWhenUnload2">-->
                    <!--                            </div>-->

                    <!--                            <div class="layui-inline box-ratio">-->
                    <!--                                <div class="layui-btn-container" style="margin-top: 20px;margin-left: 0">-->
                    <!--                                    <button type="button" id="openCrane2" class="layui-btn layui-btn-sm" lay-submit-->
                    <!--                                            lay-filter="openCrane2" style="color: #0C0C0C;font-size: 16px">-->
                    <!--                                        启动天车-->
                    <!--                                    </button>-->
                    <!--                                    <button type="button" id="offCrane2" class="layui-btn layui-btn-sm layui-bg-blue" lay-submit-->
                    <!--                                            lay-filter="offCrane2" style="font-size: 16px">-->
                    <!--                                        关闭天车-->
                    <!--                                    </button>-->
                    <!--                                    <button type="button" id="startTask2" class="layui-btn layui-btn-sm" lay-submit-->
                    <!--                                            lay-filter="startTask2" style="color: #0C0C0C;font-size: 16px">-->
                    <!--                                        开始任务-->
                    <!--                                    </button>-->
                    <!--                                    <button type="button" id="stopTask2" class="layui-btn layui-btn-sm layui-bg-blue" lay-submit-->
                    <!--                                            lay-filter="stopTask2" style="font-size: 16px">-->
                    <!--                                        停止任务-->
                    <!--                                    </button>-->
                    <!--                                </div>-->
                    <!--                            </div>-->
                    <!--                        </div>-->


                    <!--                    </form>-->


                </div>
            </div>
        </div>
    </div>


    <!-- 表格操作按钮 -->
    <script type="text/html" id="execution-status">
        {{#  if(d.status == '已完成'){ }}
        <button class="layui-btn-sm">已完成</button>
        {{# } else if(d.status == '未执行'){ }}
        <button class="layui-btn-sm layui-btn-disabled">未执行</button>
        {{# } else if(d.status == '失败'){ }}
        <button class="layui-btn-sm layui-bg-orange">失败</button>
        {{# }  else if(d.status == '执行中'){ }}
        <button class="layui-btn-sm layui-bg-red">执行中</button>
        {{# }else { }}
        <button class="layui-btn-sm layui-bg-blue">待上料</button>
        {{#  } }}
    </script>
</div>


@include("/include/_container.html", {'js':'/assets/sys/addTask/taskExecution.js'}){}
</body>
</html>